@charset "utf-8";
/* CSS Document */


/*------------------ Seletores Padrão ------------------*/

td {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}

h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }

/*------------------ FIM - Seletores Padrão ------------------*/

/*------------------ Navegação - #Nav ------------------*/
#nav, #nav * { border-collapse: collapse; margin: 0; padding: 0 }
#nav {
	background: url("../img/menu_uptime.png") no-repeat;
	height:30px;
	position:relative;
	width:789px;
	z-index:99; 
}
#nav span { display:none; }
#nav li, #nav a {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	height:30px;
	display:block;
}
#nav li { float:left; }

#nav-01 { width:113px; }
#nav-02 { width:110px; }
#nav-03 { width:84px; }
#nav-04 { width:94px; }
#nav-05 { width:81px; }
#nav-06 { width:93px; }
#nav-07 { width:100px; }
#nav-08 { width:100px; }

#nav-01 a:hover { background: url("../img/menu_uptime.png") 0 -38px }
#nav-02 a:hover { background: url("../img/menu_uptime.png") -113px -38px }
#nav-03 a:hover { background: url("../img/menu_uptime.png") -223px -38px }
#nav-04 a:hover { background: url("../img/menu_uptime.png") -307px -38px }
#nav-05 a:hover { background: url("../img/menu_uptime.png") -401px -38px }
#nav-06 a:hover { background: url("../img/menu_uptime.png") -482px -38px }
#nav-07 a:hover { background: url("../img/menu_uptime.png") -575px -38px }
#nav-08 a:hover { background: url("../img/menu_uptime.png") -715px -38px }

#nav-01:hover>a { background: url("../img/menu_uptime.png") 0 -38px }
#nav-02:hover>a { background: url("../img/menu_uptime.png") -113px -38px }
#nav-03:hover>a { background: url("../img/menu_uptime.png") -223px -38px }
#nav-04:hover>a { background: url("../img/menu_uptime.png") -307px -38px }
#nav-05:hover>a { background: url("../img/menu_uptime.png") -401px -38px }
#nav-06:hover>a { background: url("../img/menu_uptime.png") -482px -38px }
#nav-07:hover>a { background: url("../img/menu_uptime.png") -575px -38px }
#nav-08:hover>a { background: url("../img/menu_uptime.png") -715px -38px }

/*------------------ FIM - Navegação - #Nav ------------------*/

/*------------------ Dropdown ------------------*/

	/* normal dropdown -------------------------*/

	#nav ul.generico {
		border:none;
		border-width:0 1px;
		left:-9999px;
		_bottom:45px;
		bottom:45px;
		position:absolute;
		z-index:99;
		width:150px;
		margin-top:15px;
		margin-left:8px;
	}
	#nav ul.generico-right {
		border:none;
		border-width:0 1px;
		left:-9999px;
		_bottom:50px;
		bottom:50px;
		position:absolute;
		z-index:99;
		width:150px;
		margin-left:250px; 
		text-align:left;
		margin-top:36px;
	}
	
	/* background dropdown -------------------------*/
	
	#nav ul.panel {
		position:absolute;
		background: url("../img/fundo_menu.jpg") no-repeat;
		color:#FFF;
		bottom:29px;
		left:-9999px;
		width:535px;
		_width:535px;
		height:175px;
		z-index:98;
		padding:0px;
		_padding:0px;
		font-family: Arial;
		font-size: 11px;
		display:block;
		overflow:hidden;
	}

	#nav li li {
	width:178px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	} 

	#nav li li, 
	#nav li li a { height:auto; }

	#nav li:hover ul, 
	#nav a:hover ul { left:auto; }

	#nav li.background:hover ul, 
	#nav .background a:hover ul { left: 0px; padding-left: 40px; padding-top:3px; }

	#nav li li { text-indent:0; }

	#nav li li a {
		color:#FFFFFF;
		display:block;
		padding:4px;
		text-decoration:none;
		_width:150px;
	}

	#nav li li a:hover { 
		background:none; 
		text-decoration:underline;
		background-color:#ededed;
	}

	#nav .right { text-align: left; margin-left:150px; }

	#nav .titulo a, #nav .titulo a:hover { 
		background:none; 
		text-decoration:underline; 
	}
	
	#nav li.background li a {
		color:#222;
		display:block;
		padding:4px;
		text-decoration:none;
		_width:150px;
	}

	#nav li.background li a:hover {
		text-decoration:underline;
	}
	
	#nav li ul li ul  {
		display: none;
		width:165px;
		margin-left:165px;
		margin-top:-19px;
	}

	#nav li ul li:hover ul, #nav li ul li.over ul { display: block; }

	#nav li ul li ul li a {
		height:18px;
		width:100%;
	}

	#nav li li.tall, #nav li li.tall a {
		height:21px;
		line-height:14px;
	}

	#nav ul.right { margin-left:150px; text-align:left; }
	#nav li li.titulo a, #nav li li.titulo a:hover { background:none; color:#FECA00; font-size:14px; text-transform:uppercase; }
	
	
	#nav-text {
		position:relative;
		display:block;
		float:left;
		width:45px;
		height:258px;
		margin-left:-33px;
		margin-top:-2px;
		z-index:123;
	}
	#caixa_conteudo {
		background:#433126;
		display:block;
		width:320px;
		height:135px;
		padding:15px 15px 12px 5px;
		position:absolute;
		bottom:10px;
		left:230px;
		line-height:17px;
	}
	#caixa_conteudo img {
		float:right;
	}
	.title {
		color:#fff;
		font:12px Verdana, Arial, Helvetica, sans-serif;
		line-height:17px;
	}
/*------------------ FIM - Dropdown ------------------*/

#teste{
	width:575px;
	margin-left:-289px;
	position:absolute;
	bottom:35px;
	left:50%;
	z-index:4;
}
.txt-menu{
	float:left;
	width:110px;
	}
.img-menu{
	float:right;
	margin:50px;
	}